﻿body {
    background-color: #fdfdfd;
    @include transition(all .5s);
    font-family: 'Roboto', Arial, Tahoma, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: bold;
}

button,
input,
select,
a {
    outline: none !important;
}

.no-animate {
    -o-transition-property: none !important;
    -moz-transition-property: none !important;
    -ms-transition-property: none !important;
    -webkit-transition-property: none !important;
    transition-property: none !important;
    -o-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -webkit-transform: none !important;
    transform: none !important;
    -webkit-animation: none !important;
    -moz-animation: none !important;
    -o-animation: none !important;
    -ms-animation: none !important;
    animation: none !important;
}

section {
    &.content {
        margin: 0px 0px 1px 0px;
        @include transition(.5s);
        padding: 20px 5px 5px 5px;
        div{
            padding-right: 10px;
            padding-left: 10px;
        }
    }
}
body {

    
}

.wrapper {
    margin:0;    
    padding:0;      
    .wrapper_body {
        position: relative;
        width: 100%;
        min-height: 10vh;
        display: flex;
        align-items: stretch;

        .sidebar{
            position: relative;
            width:165px;
            min-width: 165px;
        }
        .content {
            width: 100%;
        }
    }


}
.wrapper_left{
    width:165px;
}

.content {
    min-height:820px;
    background-color:#e9e9e9;    
    .card {
        margin-right:10px;
    }
    
   
}

.footer {
    width: 100%;
    position: relative;
    border-top: 1px solid #eee;    
    overflow: hidden;
    margin-top: -50px;
    
    

    .copyright {
        font-size: 13px;
        // @include three-dots-overflow();

        a {
            font-weight: bold;
            text-decoration: none;
        }
    }
}

.page-wrapper{
    height:100%;
    padding: 0px;
}